import styled from "styled-components";

export const ViewOrderWrapper = styled.div`
  margin-right: 20px;

  display: flex;
  justify-content: center;
  align-items: center;
  .btn {
    :hover {
      font-weight: 700;
      color: #6d82cf;
      border-color: #6d82cf;
    }
  }

  .table {
    padding: 50px;

    position: fixed;
    top: 74px;
    right: 0;
    z-index: 999;
    width: 100vw;
    height: calc(100% - 64px - 10px);
    border: 10px solid #6d82cf;
    border-top: none;
    background-color: #fff;
  }
`;
